<%- include('common/header') %>
<noscript>您的浏览器不支持运行JavaScript，部分服务可能无法享用。</noscript>

<main id="content_box" class="content-box">
  <div class="background-texture"></div>
  <section class="verse-box">
    <div class="verse">
      <div id="verse_title" class="verse-title" onclick="page.clickVerseTitle(event)"></div>
      <span id="verse_content" class="verse-content" onclick="page.clickVerseText(event)"></span>
    </div>
  </section>

  <section id="idiom_box" class="idiom-box" style="display: none">
    <div class="idiom" onclick="page.clickIdiom(event)">
      <span id="idiom_text" class="idiom-text"></span>
    </div>
  </div>
</main>

<section id="page_container" class="page-container out-by-bottom" onclick="page.clickPageContainer(event)">
  <div id="scroll_view" class="scroll-view" onclick="page.clickVerseItem(event)">
    <div id="no_more" class="no-more">加载更多</div>
  </div>
</section>

<image class="seal" src="img/seal.png" mode="aspectFit"></image>

<!-- 复用标签块使用这种 -->
<template id="demo_tempalte">
  <div>
    <p>${p}</p>
    <a href="${href}">${a}</a>
  </div>
</template>

<%- include('common/footer', { scripts: ["js/index.js"] }) %>
